<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left"></a>
			<h1 class="mui-title">我的客户</h1>
			<a href="" class="mui-pull-right sharing">
				<div class="tm-icon">
					<img src="images/add-icon.png" alt="" width="16" height="16" />
				</div>
			</a>
			<a href="" class="mui-pull-right sharing">
				<div class="tm-icon">
					<img src="images/serch-black.png" alt="" width="16" height="16" />
				</div>
			</a>
		</header>

		<div class="mui-content">
			<!--block-->
			<div class="tm-label-md tm-bg-white tm-df-size">
				<div class="main-tab">
					<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-item1">
						<a class="mui-control-item tm-icon-btn mui-active href" href="#item1">
							<div class="tm-label-item">
								<div class="tm-label">
									全部
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
						<a class="mui-control-item tm-icon-btn href" href="#item2">
							<div class="tm-label-item">
								<div class="tm-label">
									分类
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
						<a class="mui-control-item tm-icon-btn href" href="#item3">
							<div class="tm-label-item">
								<div class="tm-label">
									时间
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
						<a class="mui-control-item tm-icon-btn href" href="#item4">
							<div class="tm-label-item">
								<div class="tm-label">
									成员
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
						<a class="mui-control-item tm-icon-btn href" href="#item5">
							<div class="tm-label-item">
								<div class="tm-label">
									排序
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!--block end-->

			<!--tab-con-->
			<div class="main-tab-con" id="main-tab-con" style="display: none;">
				<div id="item1" class="mui-control-content mui-active">
					<div class="uk-margin-small-top">
						<ul class="mui-table-view max">
							<li class="mui-table-view-cell">
								<a href="">
									<span class="tm-df-size">全部</span>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="">
									<span class="tm-df-size">今日新增</span>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="">
									<span class="tm-df-size">今日成交</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="item2" class="mui-control-content">
					<div class="tm-label-lg tm-bg-white uk-margin-small-top">
						<div class="uk-text-center">
							<div class="tm-inline-1-3">
								不限
							</div>
						</div>
					</div>

					<div class="uk-margin-small-top">
						<div class="main-tab-inline">
							<div class="tm-flex">
								<div class="tab-left-nav">
									<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-item3">
										<a class="mui-control-item href" href="#item100">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">所在城市</span>
											</div>
										</a>
										<a class="mui-control-item mui-active href" href="#item200">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">客户状态</span>
											</div>
										</a>
										<a class="mui-control-item href" href="#item300">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">客户来源</span>
											</div>
										</a>
										<a class="mui-control-item href" href="#item400">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">成熟度</span>
											</div>
										</a>
									</div>
								</div>
								<div class="tm-flex-1">
									<div class="main-tab-con">
										<div id="item100" class="mui-control-content">
											测试1
										</div>
										<div id="item200" class="mui-control-content mui-active">
											<div class="">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<div class="mui-checkbox mui-left">
															<input type="checkbox" checked="" id="checkbox1" />
															<label for="checkbox1">潜在客户</label>
														</div>
													</li>
													<li class="mui-table-view-cell">
														<div class="mui-checkbox mui-left">
															<input type="checkbox" checked="" id="checkbox2" />
															<label for="checkbox2">固定客户</label>
														</div>
													</li>
													<li class="mui-table-view-cell">
														<div class="mui-checkbox mui-left">
															<input type="checkbox" id="checkbox3" />
															<label for="checkbox3">流失客户</label>
														</div>
													</li>
													<li class="mui-table-view-cell">
														<div class="mui-checkbox mui-left">
															<input type="checkbox" id="checkbox4" />
															<label for="checkbox4">游离客户</label>
														</div>
													</li>
													<li class="mui-table-view-cell">
														<div class="mui-checkbox mui-left">
															<input type="checkbox" id="checkbox5" />
															<label for="checkbox5">流失客户</label>
														</div>
													</li>
													<li class="mui-table-view-cell">
														<div class="mui-checkbox mui-left">
															<input type="checkbox" id="checkbox6" />
															<label for="checkbox6">游离客户</label>
														</div>
													</li>
												</ul>
											</div>
										</div>
										<div id="item300" class="mui-control-content">
											测试3
										</div>

										<div id="item400" class="mui-control-content">
											测试4
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

				<div id="item3" class="mui-control-content">
					<div class="tm-label-lg tm-bg-white uk-margin-small-top">
						<div class="uk-text-center">
							<div class="tm-inline-1-3">
								不限
							</div>
						</div>
					</div>

					<div class="uk-margin-small-top">
						<div class="main-tab-inline">
							<div class="tm-flex">
								<div class="tab-left-nav tab-left-nav-auto">
									<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-item3">
										<a class="mui-control-item href" href="#item-2-100">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">录入时间</span>
											</div>
										</a>
										<a class="mui-control-item mui-active href" href="#item-2-200">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">获得时间</span>
											</div>
										</a>
										<a class="mui-control-item href" href="#item-2-300">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">转交时间</span>
											</div>
										</a>
									</div>
								</div>
								<div class="tm-flex-1">
									<div class="main-tab-con">
										<div id="item-2-100" class="mui-control-content">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
										<div id="item-2-200" class="mui-control-content mui-active">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
										<div id="item-2-300" class="mui-control-content">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="uk-margin-large-top">
						<div class="main-content">
							<div class="to-btn-group">
								<ul class="uk-grid">
									<li class="uk-width-1-2">
										<button type="button" class="mui-btn mui-btn-gray mui-btn-block">取消</button>
									</li>
									<li class="uk-width-1-2">
										<button type="button" class="mui-btn mui-btn-green mui-btn-block">确定</button>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<div id="item4" class="mui-control-content">
					<div class="tm-label-lg tm-bg-white uk-margin-small-top">
						<div class="uk-text-center">
							<div class="tm-inline-1-3">
								不限
							</div>
						</div>
					</div>

					<div class="data-card-search uk-margin-small-top">
						<!--search-->
						<div class="search-block">
							<div class="mui-input-row mui-search">
								<input type="search" class="mui-input-clear" value="" placeholder="搜索">
							</div>
						</div>
						<!--search end-->

						<div class="search-cell-card">
							<ul class="mui-table-view max">
								<li class="mui-table-view-cell">
									<a href="">
										<div class="tm-flex flex-align-center">
											<div class="tm-atav tm-flex-head">
												<div class="tm-location-parent">
													<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
													<img class="redundant-img" src="images/px-1.png" alt="" width="100">
												</div>
											</div>
											<div class="tm-label-no">
												<span class="tm-df-size tm-font-boldx">张三</span>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a href="">
										<div class="tm-flex flex-align-center">
											<div class="tm-atav tm-flex-head">
												<div class="tm-location-parent">
													<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
													<img class="redundant-img" src="images/px-1.png" alt="" width="100">
												</div>
											</div>
											<div class="tm-label-no">
												<span class="tm-df-size tm-font-boldx">张三</span>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a href="">
										<div class="tm-flex flex-align-center">
											<div class="tm-atav tm-flex-head">
												<div class="tm-location-parent">
													<div class="tm-location-img" style="background-image: url(images/atav.png);"></div>
													<img class="redundant-img" src="images/px-1.png" alt="" width="100">
												</div>
											</div>
											<div class="tm-label-no">
												<span class="tm-df-size tm-font-boldx">张三</span>
											</div>
										</div>
									</a>
								</li>
							</ul>
						</div>

					</div>

				</div>

				<div id="item5" class="mui-control-content">
					<div class="uk-margin-small-top">
						<div class="main-tab-inline">
							<div class="tm-flex">
								<div class="tab-left-nav tab-left-nav-auto">
									<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-item3">
										<a class="mui-control-item href" href="#item-3-100">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">录入时间</span>
											</div>
										</a>
										<a class="mui-control-item mui-active href" href="#item-3-200">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">获得时间</span>
											</div>
										</a>
										<a class="mui-control-item href" href="#item-3-300">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">转交时间</span>
											</div>
										</a>
										<a class="mui-control-item href" href="#item-3-400">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">成交总额</span>
											</div>
										</a>
										<a class="mui-control-item href" href="#item-3-500">
											<div class="tm-label-lg">
												<span class="tm-df-size tm-font-bold">成交次数</span>
											</div>
										</a>
									</div>
								</div>
								<div class="tm-flex-1">
									<div class="main-tab-con">
										<div id="item-3-100" class="mui-control-content">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
										<div id="item-3-200" class="mui-control-content mui-active">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
										<div id="item-3-300" class="mui-control-content">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
										<div id="item-3-400" class="mui-control-content">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
										<div id="item-3-500" class="mui-control-content">
											<div class="tm-df-size">
												<ul class="mui-table-view max mui-table-view-small">
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">开始时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														<a class="mui-navigate-right">
															<div class="tm-cell-pad">
																<div class="uk-padding-small-left">
																	<span class="tm-font-bold">结束时间</span>
																</div>
															</div>
														</a>
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
													<li class="mui-table-view-cell">
														&nbsp;
														<!--占位-->
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--tab-con end-->

			<!--点击筛选消失-->
			<div class="tm-border-top" id="hide-this">
				<div class="client-cell">

					<!--cell-->
					<div class="client-card uk-margin-small-top">
						<div class="mui-table-view no">
							<div class="mui-table-view-cell">
								<a href="" class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex flex-align-center">
											<div class="tm-flex-head">
												<div class="tm-icon">
													<img src="images/client-icon.png" alt="" width="12" height="12" />
												</div>
											</div>
											<div class="tm-flex-1">
												<span class="tm-df-size tm-font-bold">李兰英</span>
											</div>
										</div>
									</div>
								</a>
							</div>
							<div class="tm-label-no uk-padding-xsmall-bottom">
								<div class="main-content">
									<div class="tm-font-gray tm-df-size">
										<div class="tm-flex">
											<span class="tm-4em">所有者:</span>达芬奇
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tm-bg-white">
							<div class="tm-label-md">

								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/phone.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													打电话
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/weixin-gray.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													发短信
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/order-icon.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													录订单
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/sharing-icon-2.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													转交
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--cell-->

					<!--cell-->
					<div class="client-card uk-margin-small-top">
						<div class="mui-table-view no">
							<div class="mui-table-view-cell">
								<a href="" class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex flex-align-center">
											<div class="tm-flex-head">
												<div class="tm-icon">
													<img src="images/client-icon.png" alt="" width="12" height="12" />
												</div>
											</div>
											<div class="tm-flex-1">
												<span class="tm-df-size tm-font-bold">李兰英</span>
											</div>
										</div>
									</div>
								</a>
							</div>
							<div class="tm-label-no uk-padding-xsmall-bottom">
								<div class="main-content">
									<div class="tm-font-gray tm-df-size">
										<div class="tm-flex">
											<span class="tm-4em">所有者:</span>达芬奇
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tm-bg-white">
							<div class="tm-label-md">

								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/phone.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													打电话
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/weixin-gray.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													发短信
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/order-icon.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													录订单
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/sharing-icon-2.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													转交
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--cell-->

					<!--cell-->
					<div class="client-card uk-margin-small-top">
						<div class="mui-table-view no">
							<div class="mui-table-view-cell">
								<a href="" class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex flex-align-center">
											<div class="tm-flex-head">
												<div class="tm-icon">
													<img src="images/client-icon.png" alt="" width="12" height="12" />
												</div>
											</div>
											<div class="tm-flex-1">
												<span class="tm-df-size tm-font-bold">李兰英</span>
											</div>
										</div>
									</div>
								</a>
							</div>
							<div class="tm-label-no uk-padding-xsmall-bottom">
								<div class="main-content">
									<div class="tm-font-gray tm-df-size">
										<div class="tm-flex">
											<span class="tm-4em">所有者:</span>达芬奇
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tm-bg-white">
							<div class="tm-label-md">

								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn href">
												<div class="tm-icon">
													<img src="images/phone.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													打电话
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/weixin-gray.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													发短信
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/order-icon.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													录订单
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/sharing-icon-2.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													转交
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--cell-->
					<!--cell-->
					<div class="client-card uk-margin-small-top">
						<div class="mui-table-view no">
							<div class="mui-table-view-cell">
								<a href="" class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex flex-align-center">
											<div class="tm-flex-head">
												<div class="tm-icon">
													<img src="images/client-icon.png" alt="" width="12" height="12" />
												</div>
											</div>
											<div class="tm-flex-1">
												<span class="tm-df-size tm-font-bold">李兰英</span>
											</div>
										</div>
									</div>
								</a>
							</div>
							<div class="tm-label-no uk-padding-xsmall-bottom">
								<div class="main-content">
									<div class="tm-font-gray tm-df-size">
										<div class="tm-flex">
											<span class="tm-4em">所有者:</span>达芬奇
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tm-bg-white">
							<div class="tm-label-md">

								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/phone.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													打电话
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/weixin-gray.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													发短信
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/order-icon.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													录订单
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/sharing-icon-2.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													转交
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--cell-->
					<!--cell-->
					<div class="client-card uk-margin-small-top">
						<div class="mui-table-view no">
							<div class="mui-table-view-cell">
								<a href="" class="mui-navigate-right">
									<div class="tm-cell-pad">
										<div class="tm-flex flex-align-center">
											<div class="tm-flex-head">
												<div class="tm-icon">
													<img src="images/client-icon.png" alt="" width="12" height="12" />
												</div>
											</div>
											<div class="tm-flex-1">
												<span class="tm-df-size tm-font-bold">李兰英</span>
											</div>
										</div>
									</div>
								</a>
							</div>
							<div class="tm-label-no uk-padding-xsmall-bottom">
								<div class="main-content">
									<div class="tm-font-gray tm-df-size">
										<div class="tm-flex">
											<span class="tm-4em">所有者:</span>达芬奇
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tm-bg-white">
							<div class="tm-label-md">

								<div class="tm-flex flex-pack-center">
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/phone.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													打电话
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/weixin-gray.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													发短信
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/order-icon.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													录订单
												</div>
											</a>
										</div>
									</div>
									<div class="tm-flex-1">
										<div class="tm-flex flex-pack-center">
											<a href="" class="tm-icon-item tm-icon-btn">
												<div class="tm-icon">
													<img src="images/sharing-icon-2.png" width="12" height="12" />
												</div>
												<div class="tm-icon-label">
													转交
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--cell-->
				</div>
			</div>
			<!--点击筛选消失 end-->

		</div>

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>
		<script type="text/javascript">
			$(function() {

				$(".mui-segmented-control-item1>.mui-control-item").on("tap", function() {
					$("#main-tab-con").show();
					$("#hide-this").hide();
				})
			})

			$(document).on('tap', '.href', function() {
				window.top.location.href = this.href;
			})
		</script>

	</body>

</html>